@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
    font: 16px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
    line-height: 1;
}
html,body{
    width: 100%;
    height: 100%;
}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset, img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    font-size: 100%;
    outline: none;
}


form label {
    cursor: pointer;
}


textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*重置表格*/
blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;

}

a:hover {
    text-decoration: none;
}

a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/
.clearfix {
    zoom: 1;
}
.clearfix::after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-green {
    color: #1fb079;
}

.c-orange {
    color: #fc714c;
}

.c-reg {
    color: #d90106;
}

/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}

.f12,
.fb12 {
    font-size: 12px;
}

.simsun {
    font-family: SimSun;
}

.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20 {
    font-weight: 700;
}

/* 隐藏 居中 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

/*文字隐藏,省略号*/
.ti,
.te {
    white-space: nowrap;
    overflow: hidden;
}

.ti {
    text-indent: -999em;
}

.te {
    text-overflow: ellipsis;
}

/* element cssreset */
.el-form-item__content{
    display: flex;
}
.region .el-form-item__content .el-form-item:first-child {
    flex: 1;
}
.region .el-form-item__content .el-form-item:last-child{
    flex: 3;
}
.region-left .el-input__inner{
    /* border-right: 0 !important; */
    border-radius: 4px 0 0 4px;
}
.region-right .el-input__inner{
    /* border-left: 0 !important; */
    border-radius: 0 4px 4px 0;
    /* margin-left: -1px; */
}

.btnGrounp .el-form-item__content{
    margin: 0 !important;
}
/* .table-box .el-table td, .el-table th.is-leaf{
    border-bottom: 1px solid #333;
}
.table-box .el-table--border td, .el-table--border th{
    border-right: 1px solid #333;
} */
.table-box .el-table td, .el-table th{
    text-align: center !important;
}
.table-box th>.cell{
    color: #606266;
}
/* .detail-form .el-form-item:first-child .el-input__inner{
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #333;
}
.detail-form .el-form-item:nth-child(2) .el-input__inner{
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #333;
} */
.detail-form .el-form-item .el-select{
    width: 100%;
}
.bg-main .el-tabs__item{
    font-size: 18px;
    font-weight: 500;
    padding: 0 40px;
    color: #999999;
}
.bg-main .el-tabs--top .el-tabs__item.is-top:nth-child(2){
    padding-left: 20px;
}
.bg-main .el-tabs--top .el-tabs__item.is-top:last-child{
    padding-right: 20px;
}
.bg-detail .el-dialog__wrapper{
    padding-left: 200px;  
    /* 侧边栏的宽度 */
}
.bg-detail .el-dialog__title{
    font-size: 22px;
    font-weight: 600;
}
.item .el-checkbox{
    position: absolute;
    right: 22px;
    top: 12px;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}
.item .el-checkbox__input,.el-checkbox__inner{
    width: 14px;
    height: 14px;
}
.item .el-checkbox__inner::after{
    height: 8px;
    width: 3px;
    left: 4px;
}
.addBgBtn .el-form-item__content{
    margin: 0 !important;
    display: flex;
    justify-content: center;
}
/* .el-popper[x-placement^=bottom]{
    margin: 0;
} */


.table-box img{
    width: 128px !important;
    height: 100px !important;
}


/* .music-search .el-table td, .el-table th.is-leaf{
    border-bottom: 1px solid #333;
}
.music-search .el-table--border td, .el-table--border th{
    border-right: 1px solid #333;
}
.music-search th>.cell{
    color: #606266;
} */
.music-search .el-table td, .el-table th{
    text-align: center !important;
}
.weather .el-table td, .el-table th{
    text-align: center;
}
.search-record .el-table td, .el-table th{
    text-align: center;
}
.dangerous .el-table td, .el-table th{
    text-align: center;
}
/* .form-box .el-input__inner {
    border: 1px solid rgba(153,153,153,1);
} */
.el-input{
    font-size: 12px;
}
.comBox .el-input__inner{
    color: #999;
}
/* .nng-forget .el-input__inner{
    border: 1px solid rgba(153,153,153,1);
} */

.slide .el-submenu__title{
    text-align: left;
    padding-left: 40px !important;
}

.slide .el-menu-item{
    text-align: left;
    padding-left: 60px !important;
}
.slide .home-page{
    padding-left: 40px !important;
}
.slide .el-submenu__title i{
    color: #ffffff !important;
}
.form-left .el-form-item{
    margin-bottom: 40px;
}
.form-right .el-form-item__content{
    margin-left: 0 !important;
}
.isHide > .el-upload--picture-card{
    display: none;
}
.form-right .upload .el-upload--picture-card {
    width: 172px;
    height: 304px;
    margin: 0 auto;
    line-height: 304px;
    margin-top: 20px;
}
.form-right .el-upload-list--picture-card .el-upload-list__item{
    width: 172px;
    height: 320px;
    margin: 0;
}
/* 上传框 */
.upload{ 
    margin: 0 auto;
    height: 344px;
    text-align: center;
    overflow: hidden !important;
}
.size{
    position: absolute;
    line-height: 1 !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.el-upload--picture-card i{
    font-size: 16px;
}
.el-tabs__active-bar {
    background-color: #4065E0;
}
.el-tabs__item.is-active {
    color: #4065E0;
}
.el-tabs__item:hover{
    color: #4065E0;
}
.addBg .el-dialog__title{
    font-size: 16px !important;
    font-weight: 700;
}
.addBgForm-upload .el-form-item__content{
    margin: 0 !important;
}

/* 添加中控背景 */
.state .el-input{
    font-size: 14px;
}
.addBgForm-right .upload{
    margin: 0 auto;
}
.addBgForm-right .el-upload--picture-card {
    width: 186px;
    height: 294px;
    margin: 0 auto;
    line-height: 294px;
    margin-top: 26px;
}
.addBgForm-right .el-upload-list--picture-card .el-upload-list__item{
    width: 180px;
    height: 304px;
    margin: 0;
}
.addBg .el-dialog__body{
    padding: 30px 0 !important;
}

/* 编辑背景 */
/* .img-form-item .el-form-item__content{
      margin-left: 0 !important;
} */
.bg-edit .el-form-item__label{
    text-align: left;
}
.item-info .el-date-editor--datetimerange.el-input__inner{
    width: 320px;
}
.img-form-item .el-form-item__content{
    margin: 0 auto !important;
    width: 204px;
    height: 374px;
}

/* 分页器样式 */
.pageation{
    line-height: 30px;
    text-align: right;
    padding: 0 20px;
    box-sizing: border-box;
}
.pageation .el-pagination .el-pagination__jump{
    font-size: 0 !important;
    margin-left: 0 !important;
}
.pageation .el-pagination__editor.el-input{
    width: 40px;
}
.pageation .el-pagination .btn-prev{
    padding-right: 0;
}
.pageation .el-pagination .btn-next{
    padding-left: 0
}



/* 用户管理 */
.search-bottom .el-date-editor .el-range-input{
    font-size: 12px;
}
.date-select .el-range-editor.el-input__inner{
    padding: 0
}
.date-select .el-date-editor .el-range-separator{
    line-height: 38px;
}
.date-select .el-date-editor .el-range__icon{
    margin-left: 0;
}
.table-date .el-table{
    font-size: 12px;
}
.table-cell{
    text-align: center !important;
}
.table-cell .cell{
    padding: 0;
}
/* 我的设备 */
.vehicle .el-table--border td{
    text-align: center;
}
.vehicle .el-table{
    font-size: 12px;
}
/* 个人中心生活 */
.life-content #tab-radio{
    /* margin: 0 20px; */
}

/* 时间日期选择器 */
.el-range-input{
    font-size: 12px;
}
/* 表格cell居中 */
.el-table__row td .cell{
    text-align: center;
}
/* 下拉菜单箭头 */
.el-popper .popper__arrow{
    display: none !important;
}
/* 企业成员表单操作 */
.select-role .el-form-item__content{
    display: block;
}
.member-form .el-form-item__label{
    text-align: left;
}
.member-form .member-btn .el-form-item__content{
    margin-left: 0 !important;
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.el-tabs__item{
    color: #999999;
}
.el-range-input{
    font-size: 12px !important;
}
